<!DOCTYPE HTML>
<html>
<!--_meta 作为公共模版分离出去-->
{include file="common/_meta"}
<!--/meta 作为公共模版分离出去-->

<body>
<!--_header 作为公共模版分离出去-->
{include file="common/_header"}
<!--/_header 作为公共模版分离出去-->

<!--_menu 作为公共模版分离出去-->
{include file="common/_menu"}
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
<!--_nav 作为公共模版分离出去-->
{include file="common/_nav"}
<!--/_nav 作为公共模版分离出去-->
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="cl pd-5 bg-1 bk-gray mt-20">
                <span class="l">
                    <a href="javascript:;" onclick="del_all()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> 
                    <a href="{:url('add')}" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加管理员</a> </span>
                <span class="r">共有数据：<strong>{$counts}</strong> 条</span>
            </div>
            <table class="table table-border table-bordered table-bg">
                <thead>
                    <tr>
                        <th scope="col" colspan="11">员工列表</th>
                    </tr>
                    <tr class="text-c">
                        <th width="25"><input type="checkbox" name="allcheck" value=""></th>
                        <th width="40">ID</th>
                        <th width="150">登录名</th>
                        <th width="150">组别</th>
                        <th width="150">笔名</th>
                        <th width="150">邮箱</th>
                        <th width="130">添加时间</th>
                        <th width="130">登陆时间</th>
                        <th width="130">登陆IP</th>
                        <th width="100">是否已启用</th>
                        <th >操作</th>
                    </tr>
                </thead>
                <tbody>
                    {foreach $data as $val}                  
                    <tr class="text-c">
                        <td><input type="checkbox" value="{$val.id}" name="checkbox[]"></td>
                        <td>{$val.id}</td>
                        <td>{$val.admin_name}</td>
                        <td>{$val.role_id|model('Adminrole')->getAdminroleName}</td>
                        <td>{$val.pen_name}</td>
                        <td>{$val.email}</td>
                        <td>{$val.ctime|date="Y-m-d H:i:s",###}</td>
                        {eq name="val.ltime" value='0'}
                        <td>无登录记录</td>
                        <td></td>
                        {else}
                        <td>{$val.ltime|date="Y-m-d H:i:s",###}</td>
                        <td>{$val.loginip|inet_ntoa}</td>
                        {/eq}
                        {eq name="val.isban" value='0' }
                        <td class="td-status"><span class="label label-success radius">已启用</span></td>
                        <td class="td-manage">
                            <a style="text-decoration:none" onClick="admin_stop(this,'{$val.id}')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a> 
                        {else}
                        <td class="td-status"><span class="label label-default radius">已禁用</span></td>
                        <td class="td-manage">
                            <a style="text-decoration:none" onClick="admin_start(this,'{$val.id}')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe615;</i></a> 
                        {/eq}
                            <!-- <a title="分配角色" href="javascript:;" onclick="layer_show('分配角色','{:url(\'look\',\'id=\'.$val.id)}',600,420)" class="ml-5" style="text-decoration:none"><i class="icon Hui-iconfont">&#xe675;</i></a> -->
                            <a title="详情" href="javascript:;" onclick="layer_show('管理员详情','{:url(\'look\',\'id=\'.$val.id)}',600,420)" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe665;</i></a>
                            <a title="编辑" href="{:url('edit','id='.$val.id)}"  class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> 
                            <a title="删除" href="javascript:;" onclick="admin_del(this,'{$val.id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                        </td>
                    </tr>
                    {/foreach}
                </tbody>
            </table>
            <div class="cl pd-5  bk-gray mt-20 pagin">
                <div class="message">共<i class="blue">{$pages}</i>页 | <i class="blue">{$counts}</i>条记录, 当前显示第&nbsp;<i class="blue nowpage"></i>页</div>
                {$data->render()}
            </div>
        </article>
    </div>
</section>

<!--_footer 作为公共模版分离出去-->
{include file="common/_footer"}
<!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript" src="/static/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="/static/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="/static/lib/laypage/1.2/laypage.js"></script> 
<script type="text/javascript">

//显示当前页
var nowpage=$('.active').children('span').text();
nowpage = nowpage=="" ? 1 : nowpage;
$(".nowpage").html(nowpage);


/*管理员-批量删除*/
function del_all(){
    var checkbox = $('.text-c input[name="checkbox[]"]') ;
    var ids = new Array();
    checkbox.each(function(x){
        if(this.checked){
            ids.push(this.value);
        }
    })
    console.log(ids);
/*排除当前用户和id=1的超级管理员*/
//Jquery.inArray(value,array)===>判断value是否在数组array中    
    if( $.inArray('1',ids)!=-1 || $.inArray('{$user_id}',ids)!=-1){
        layer.msg('无法删除此用户!',{icon:5,time:1000});
        return false;
    }
	layer.confirm('确认要删除吗？',function(index){
		$.post('{:url("del")}',{'id':ids},function(data){
            if(data.status==1){
                layer.msg(data.msg,{icon:1,time:1000});
                checkbox.each(function(x){
                    if(this.checked){
                        $(this).parents("tr").remove();
                    }
                });
            }else{
                layer.msg(data.msg,{icon:5,time:1000});
            }
        },'json')
	});
}

/*管理员-删除*/
function admin_del(obj,id){
    if( id==1 || id=={$user_id}){
        layer.msg('无法删除此用户!',{icon:5,time:1000});
        return false;
    }

	layer.confirm('确认要删除吗？',function(index){
		$.post('{:url("del")}',{'id':id},function(data){
            if(data.status==1){
                layer.msg(data.msg,{icon:1,time:1000});
                $(obj).parents("tr").remove();
            }else{
                layer.msg(data.msg,{icon:5,time:1000});
            }
        },'json')
	});
}
/*管理员-编辑*/
function admin_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*管理员-停用*/
function admin_stop(obj,id){
	layer.confirm('确认要停用吗？',function(index){
		$.post('{:url("stop")}',{'id':id},function(data){
            if(data.status==1){
                $(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,'+id+')" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">已禁用</span>');
                $(obj).remove();
                layer.msg('已停用!',{icon:1,time:1000});
            }else{
                layer.msg(data.msg,{icon:5,time:1000});
            }
        },'json')
	});
}

/*管理员-启用*/
function admin_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
        $.post('{:url("start")}',{'id':id},function(data){
            if(data.status==1){
                $(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,'+id+')" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
                $(obj).remove();
                layer.msg('已启用!', {icon: 6,time:1000});
            }else{
                layer.msg(data.msg,{icon:5,time:1000});
            }
        },'json')
	});
}
</script> 
<!--/请在上方写此页面业务相关的脚本-->

</body>
</html>